.mui-bar-nav {
    box-shadow: none;
    /*margin-left: 10px;*/
}

.mui-bar .mui-title {
    left: 10px;
    right: 42px;
}

.mui-pull-right {
    margin-right: 4px;
    width: 17px;
    height: 17px;
    background: url("../phoneImg/news.png") no-repeat 0 0;
    background-size: cover;
    margin-top: 14px;
    position: relative;
}

.mui-pull-right i{
    position: absolute;
    width: 6px;
    height: 6px;
    top: -1px;
    right: -1px;
    background: #f00;
    border-radius: 6px;
}

.mui-title .index-input {
    border: 0;
    opacity: .9;
    border-radius: 4px;
    height: 31.5px;
    margin: 6px 0;
    width: 100%;
    color: #999;
    line-height: 31.5px;
    font-size: 14px;
    background: #eaeaea url(../img/search-icon.png) no-repeat center center;
    background-size: 16px 16px;
    background-position-x: 4%;
    padding: 0 10px;
}

::-webkit-input-placeholder {
    color: #9c9c9c;
}

.mui-bar input[type=search] {
    height: 31.5px;
    text-align: left;
    padding-left: 11%;
}

.mui-action-back img {
    width: 20px;
    height: 20px;
    margin-top: 3px;
}

.mui-bar .mui-icon {
    /*font-size: 12px;*/
    color: #49c9bb;
    /*font-family: "微软雅黑";*/
}

.swiper-pagination-bullet {
    background: #fff;
    border: 1px solid #c5c5c6;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #c5c5c6;
}

#pagination4 {
    position: absolute;
    bottom: 15px;
    background: transparent;
    height: 10px;
    text-align: center;
    z-index: 999;
}

#pagination4 .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    background: transparent;
    border: 1px solid #fe0000;
    margin: 0 2px;
    border-radius: 7px;
}

#pagination4 .swiper-pagination-bullet-active {
    background: #fe0000;
}

.swiper-container4 .swiper-pagination-bullets {
    background: transparent;
}

#topNav {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #f4f4f6;
    position: absolute;
    height: 33px;
    margin-top: 44px;
    background: #fff;
    z-index: 9;
    color: #9b9b9b;
    font-size: 15px;
}

#topNav .swiper-slide {
    padding: 0 5px;
    letter-spacing: 2px;
    width: 4.4rem;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
}

#topNav .swiper-slide:first-child {
    margin-left: 2%;
}

#topNav .swiper-slide span {

    transition: all .3s ease;
    display: block;
}

#topNav .active span {
    /*transform:scale(1.1);*/
    color: #ce3f37;
    border-bottom: 3px solid #ce3f37;
}

.swiper-container4 {
    width: 100%;
    height: auto;
    position: relative;
}

.swiper-container4 img {
    width: 100%;
    height: auto;
    display: block;
}

.sort_box {
    width: 100%;
    background: #fff;
    padding-bottom: 9px;
}

.sort_box ul li {
    float: left;
    font-size: 12px;
    width: 25%;
    padding-top: 16px;
}

.sort_box ul li img {
    display: block;
    margin: 0 auto;
    width: 45px;
    margin-bottom: 15px;
}

.sort_box ul li span {
    text-align: center;
    display: block;
    width: 100%;
    line-height:12px;
}

.sort_box ul a{
    color: #1c1c1c;
}

.detail_box {
    width: 100%;
    height: auto;
    background: #fff;
    padding: 11px 0 0 0;
}

.detail_box2 {
    height: 114px;
    padding: 10px 0 0 0;
}

.detail_box .detail_box_container {
    width: 50%;
    height: 65px;
    float: left;
    padding-left: 14px;
    position: relative;
    cursor: pointer;
}

.detail_box2 .detail_box_container {
    height: 104px;
}

.detail_box .detail_box_container:first-child {
    border-right: 1px solid #f4f4f6;
}

.detail_box .detail_box_container span {
    display: block;
}

.detail_box .detail_box_container .title {
    color: #333;
    font-size: 14px;
    font-weight: 600;
}

.detail_box .detail_box_container:nth-child(1) .title{
    color: #d54135;
}
.detail_box .detail_box_container:nth-child(2) .title{
    color: #d47438;
}
.detail_box2 .detail_box_container:nth-child(1) .title{
    color: #c83387;
}
.detail_box2 .detail_box_container:nth-child(2) .title{
    color: #783930;
}

.detail_box .detail_box_container .small_title {
    color: #232323;
    font-size: 12px;
}

.detail_box .detail_box_container img {
    position: absolute;
    bottom: 0;
    width: 50px;
    right: 28px;
}

.detail_box2 .detail_box_container img{
    width: auto;
    height: 74%;
    right: 11px;
}

.optimization_title {
    width: 100%;
    height: 39px;
    margin: 0;
}

.optimization_title img {
    height: 39px;
    margin: 0 auto;
    display: block;
}

.optimization_box {
    width: 100%;
    height: auto;
}

.optimization_box .item2_box {
    margin-right: 2%;
    margin-bottom: 7px;
    width: 49%;
    float: left;
    background: #fff;
}

.optimization_box .item2_box:nth-child(2n) {
    margin-right: 0;
}

.optimization_box .item2_box .img {
    width: 92%;
    display: block;
    margin: 10px auto;
}

.optimization_box .item2_box .img img{
    width: 100%;
    display: block;
}

.optimization_box .item2_box .goods{
    width: 90%;
    margin: 0 auto;
}

.optimization_box .item2_box .goods .title {
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 10px;
    width: 92%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #222126;
}

.optimization_box .item2_box .goods .tips {
    margin-bottom: 0;
    color: #9c9c9c;
    font-size: 11px;
    line-height: 11px;
}

.optimization_box .item2_box .goods .tips span{
    border-right: 1px solid #9a9a9a;
    padding-right: 5px;
    padding-left: 4px;
    font-size: 12px;
    line-height: 12px;
    float: left;
}

.optimization_box .item2_box .goods .tips span:nth-child(1) {
    padding-left: 0;
}

.optimization_box .item2_box .goods .tips span:nth-child(3) {
    border-right: none;
}

.item2_box .goods .stages {
    width: 92%;
    display: block;
    margin-top: 5px;
    margin-bottom: 3px;
}

.item2_box .goods .stages span {
    width: 40px;
    float: left;
    border-radius: 3px;
}

.item2_box .goods .stages span img{
    width: 35px;
}

.optimization_box .price {
    color: #cb4a45;
    font-size: 17px;
    line-height: 17px;
}

.item2_box .price b {
    font-size: 12px;
    display: inline-block;
    padding-top: 1px;
    vertical-align: top;
}

.item2_box .comment {
    line-height: 13px;
    margin-top: 7px;
    color: #85868a;
    font-size: 13px;
    padding-bottom: 10px;
}

.item2_box .comment span:first-child{
    margin-right: 23px;
}

.line {
    width: 100%;
    height: 13px;
}

/*分类*/
.title_box {
    width: 100%;
    height: 35px;
    line-height: 35px;
    margin: 0 auto;
    border-bottom: 1px solid #efefef;
    position: absolute;
    top: 44px;
    z-index: 9;
    background: #fff;
}

.title_box ul li {
    float: left;
    width: 50%;
    text-align: center;
    font-size: 13px;
    color: #424242;
}

.title_box ul .title_act {
    color: #d63f44;
}

.title_box ul .title_act span {
    display: inline-block;
    border-bottom: 2px solid #ea3323;
    padding: 0 14px;
    line-height: 30px;
}

.mui-col-xs-3 {
    background: #efefef;
}

.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item, .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active {
    border: none;
    position: relative;
}

.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item:before, .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 1px solid #ddd;
    width: 200%;
    height: 200%;
    transform-origin: 0 0;
    transform: scale(0.5, 0.5);
    box-sizing: border-box;
}

.mui-col-xs-9 {
    background: #fff;
}

.category_small_title {
    margin: 11px 0 4px 0;
    padding-left: 5px;
    font-size: 14px;
    line-height: 14px;
    color: #333;
    border-left: 2px solid #333;
    margin-left: 13px;
    overflow: hidden;
}

.category_small_title .more_brand {
    font-weight: 500;
    font-size: 12px;
    color: #7f7f7f;
    float: right;
}

.category_small_title .mui-icon-arrowright {
    float: right;
    font-size: 16px;
    margin-right: 14px;
    margin-top: 0;
    color: #7f7f7f;
}

.mui-col-xs-9 .mui-table-view-cell {
    float: left;
    width: 33.3%;
    background: #fff;
    padding: 10px 0;
    padding-bottom: 0;
}

.mui-table-view-cell{
    padding: 10px 0;
    padding-bottom: 0;
}

.mui-table-view-cell:after {
    background: transparent;
}

.mui-col-xs-9 .mui-table-view-cell img {
    width: 95%;
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
}

.mui-col-xs-9 .mui-table-view-cell span {
    font-size: 12px;
    line-height: 12px;
    color: #333;
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 5px;
}

.brand_box {
    width: 100%;
    height: auto;
}

.brand_box .all_brand {
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 14px;
    text-align: center;
    background: #000;
    color: #fff;
    height: 41px;
    line-height: 41px;
    font-weight: 500;
    font-size: 14px;
}

.brand_box .brand_small_title {
    width: 100%;
    text-align: center;
    color: #505050;
    margin-top: 20px;
    margin-bottom: 20px;
}

.brand_box .brand_small_title span {
    float: left;
    width: 18%;
    height: 1px;
    /*background: #999;*/
    background-image: linear-gradient(90deg, transparent 50%, #999 50%);
    background-image: -webkit-linear-gradient(90deg, transparent 50%, #999 50%);
    background-image: -ms-linear-gradient(90deg, transparent 50%, #999 50%);
    background-image: -o-linear-gradient(90deg, transparent 50%, #999 50%);
    margin-top: 6px;
}

.brand_box .brand_small_title span:nth-of-type(1) {
    margin-right: 21px;
    margin-left: 18%;
}

.brand_box .brand_small_title span:nth-of-type(2) {
    margin-left: 21px;
}

.brand_box .brand_small_title small {
    float: left;
    font-weight: 500;
    font-size: 13px;
}

.brand_img_box {
    width: 100%;
    height: auto;
    background: #fff;
    position: relative;
}

.brand_img_box:before {
    content: '';
    position: absolute;
    width: 200%;
    height: 200%;
    border: 1px solid #ddd;
    border-left: none;
    border-top: none;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 9;
}

.brand_img_box ul li {
    float: left;
    width: 25%;
    /*border:1px solid #ddd;*/
    border-left: none;
    border-top: none;
    position: relative;
}

.brand_img_box ul li:before {
    content: '';
    position: absolute;
    width: 200%;
    height: 200%;
    border: 1px solid #ddd;
    border-left: none;
    border-top: none;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 9;
}

.brand_img_box ul li:nth-of-type(4n) {
    border-right: none;
}

.brand_img_box ul li img {
    width: 100%;
    display: block;
}

.advertising_img {
    margin: 14px 0 0 9px;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.advertising_img img {
    width: 93%;
    display: block;
}


/*搜索*/
.sousuo {
    position: absolute;
    top: 13px;
    right: 2px;
    width: 26px;
    height: 26px;
    background: url("../img/clear-input.png") no-repeat 0 0;
    background-size: 20px 20px;
    vertical-align: bottom;
}

.search-box h2 {
    width: 100%;
    line-height: 15px;
    padding-left: 15px;
    font-weight: 500;
    font-size: 15px;
    margin-top: 20px;
    color: #909090;
    padding-bottom: 10px;
}
.search-box .resou img{
    width: 12px;
    vertical-align: middle;
    margin-right: 12px;
    margin-top: -4px;
}
.hotsearch-box{
    width: 100%;
    max-height: 81px;
    overflow: hidden;
    padding-left: 14px;
    padding-right: 14px;
}
.hotsearch-box .hot-search-line{
    width: 86%;
    height: 50px;
    margin: 0 auto;
    border-bottom: 1px solid #e2e2e2;
}
.hotsearch-box .hot-search-line:last-child{
    border-bottom: none;
}
.hotsearch-box .hot-search-line span{
    float: left;
    width: 33%;
    text-align: center;
    height: 20px;
    line-height: 20px;
    margin-top: 15px;
    padding: 0 10px;
    border-right: 1px dashed #e2e2e2;
    color: #56565e;
    font-size: 15px;
    overflow: hidden;
}
.hotsearch-box .hot-search-line span:last-of-type{
    border-right: none;
}
.history_box {

}

.history_box h2 {
    line-height: 15px;
    margin-bottom: 0;
    font-size: 15px;
    color: #909090;
}
.historyBox{
    background: #fff;
    width: 100%;
    max-height: 230px;
    overflow: hidden;
}
.history_box .history {
    width: 100%;
    height: 46px;
    border-bottom: 1px solid #f2f2f2;
    line-height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #545358;
    margin-left: 14px;
    overflow-x: hidden;
    font-size: 15px;
}


.history_box .history img {
    vertical-align: top;
    width: 14px;
    margin-right: 8px;
    margin-top: 18px;
}
.clear-history{
    width: 10px;
    float: right;
    margin-right: 14px;
}
.connect-box{
    position: absolute;
    top:44px;
    left: 0;
    width: 100%;
    height: auto;
    background: #fff;
}
.connect-box p{
    height: 44px;
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #e1e1e1;
    line-height: 44px;
    color: #56565e;
    font-size: 15px;
}
.connect-box p img{
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -4px;
}
.searchDiv{
    padding: 9px 15px;
    float: left;
    color: #333;
    font-size: 13px;
    background: #f2f2f2;
    margin-right: 10px;
    border-radius: 30px;
    margin-bottom: 10px;
    line-height: 13px;
}
.mui-bar-nav ~ .mui-content .mui-pull-top-pocket
{
    top: 77px;
}